import { defineConfig } from "vitepress";
import path from "path";
import fs from "fs";
import { demoBlockPlugin } from 'vitepress-theme-demoblock'
// 读取组件目录中的所有 .md 文件
const componentsDir = path.resolve(__dirname, "../components"); // 修改此处路径
console.log(componentsDir);

const files = fs
  .readdirSync(componentsDir)
  .filter((file) => file.endsWith(".md"));

// 动态生成 sidebarItems
const sidebarItems = files.map((file) => {
  const name = file.split(".")[0]; // 去除文件扩展名，作为组件名称
  return {
    text: `${name.charAt(0).toUpperCase() + name.slice(1)} 组件`, // 动态生成显示名称
    link: `/components/${name}`, // 动态生成链接
  };
});

export default defineConfig({
  title: "SW UI",
  description: "基于 Element Plus 的组件库",
  markdown: {
    config: (md) => {
      md.use(demoBlockPlugin)
    }
  },
  themeConfig: {
    sidebar: [
      {
        text: "组件",
        items: sidebarItems,
      },
    ],
  },
});
